/* src/components/c-order/order-detail/header/index.wxss */

.container{
    display: flex;
    flex-direction: column;
    background: #fff;
}

.header{
    display: flex;
    flex-direction: column;
    width:100%;
    width:702rpx;
    padding:32rpx 24rpx;
}

.header text{
    font-size: 26rpx;
    color:#666;
    margin-bottom:10rpx;
}

.header text:nth-child(2){
  margin-bottom:0;
}

.status-info{
    display: flex;
    flex-direction: column;
    width:100%;
    align-items: center;
    padding:44rpx 0 20rpx 0;
}

.status{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10rpx;
}

.status image{
    width:48rpx;
    height:48rpx;
    margin-right: 20rpx;
}

.status text{
    font-size: 42rpx;
    color: #333;
    font-weight: bold;
}

.status-remark{
    font-size: 24rpx;
    color:#333;
}

.foot{
    height:80rpx;
    width:702rpx;
    padding:0 24rpx;
    border-top: 1rpx solid #e9e9e9;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.foot text{
    color:#ff3d3e;
    font-size: 24rpx;
}

.footer{
  height:62rpx;
  width:702rpx;
  padding:30rpx 24rpx;
  border-top: 1rpx solid #e9e9e9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 26rpx;
  color:#666;
}

.footer text:nth-child(1){
  margin-bottom:10rpx;
}